<section class="section">
  <div class="section-body">
    <!-- 欢迎信息 -->
    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-header text-center">
            <h2 class="mb-4">首页</h2>
            <h1 class="display-4 mb-4">欢迎使用智能招聘匹配系统</h1>
            <div class="text-center">
              <i class="fas fa-handshake fa-5x text-primary mb-4"></i>
              <h3 class="text-muted">连接企业与人才，让招聘更简单</h3>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 统计卡片 -->
    <div class="row mt-4">
      <div class="col-lg-3 col-md-6 col-sm-6 col-12">
        <div class="card card-statistic-1">
          <div class="card-icon bg-primary">
            <i class="fas fa-users"></i>
          </div>
          <div class="card-wrap">
            <div class="card-header">
              <h4>注册用户</h4>
            </div>
            <div class="card-body">1,234</div>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6 col-12">
        <div class="card card-statistic-1">
          <div class="card-icon bg-success">
            <i class="fas fa-briefcase"></i>
          </div>
          <div class="card-wrap">
            <div class="card-header">
              <h4>职位发布</h4>
            </div>
            <div class="card-body">567</div>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6 col-12">
        <div class="card card-statistic-1">
          <div class="card-icon bg-warning">
            <i class="fas fa-handshake"></i>
          </div>
          <div class="card-wrap">
            <div class="card-header">
              <h4>匹配成功</h4>
            </div>
            <div class="card-body">89</div>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6 col-12">
        <div class="card card-statistic-1">
          <div class="card-icon bg-info">
            <i class="fas fa-building"></i>
          </div>
          <div class="card-wrap">
            <div class="card-header">
              <h4>合作企业</h4>
            </div>
            <div class="card-body">45</div>
          </div>
        </div>
      </div>
    </div>

    <!-- 功能卡片 -->
    <div class="row mt-4">
      <div class="col-lg-4 col-md-6 col-12">
        <div class="card">
          <div class="card-header">
            <h4>智能匹配</h4>
          </div>
          <div class="card-body">
            <div class="text-center">
              <i class="fas fa-brain fa-3x text-primary mb-3"></i>
              <p>智能分析求职者简历和企业需求，提供精准匹配</p>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-12">
        <div class="card">
          <div class="card-header">
            <h4>数据分析</h4>
          </div>
          <div class="card-body">
            <div class="text-center">
              <i class="fas fa-chart-line fa-3x text-success mb-3"></i>
              <p>提供详细的招聘数据分析和可视化报告，助力决策</p>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-12">
        <div class="card">
          <div class="card-header">
            <h4>高效沟通</h4>
          </div>
          <div class="card-body">
            <div class="text-center">
              <i class="fas fa-comments fa-3x text-info mb-3"></i>
              <p>内置即时通讯功能，让企业和求职者沟通更便捷</p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 快速开始 -->
    <div class="row mt-4">
      <div class="col-12">
        <div class="card">
          <div class="card-header">
            <h4>快速开始</h4>
          </div>
          <div class="card-body">
            <div class="row">
              <div class="col-md-4">
                <div class="text-center">
                  <i class="fas fa-user-plus fa-2x text-primary mb-3"></i>
                  <h5>注册账号</h5>
                  <p class="text-muted">创建个人或企业账号</p>
                </div>
              </div>
              <div class="col-md-4">
                <div class="text-center">
                  <i class="fas fa-edit fa-2x text-success mb-3"></i>
                  <h5>完善信息</h5>
                  <p class="text-muted">填写个人简历或企业信息</p>
                </div>
              </div>
              <div class="col-md-4">
                <div class="text-center">
                  <i class="fas fa-search fa-2x text-warning mb-3"></i>
                  <h5>开始匹配</h5>
                  <p class="text-muted">系统自动为您推荐合适的机会</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
